<p-sidebar [(visible)]="isVisible"
  [modal]="false">
  <h3>组件库</h3>
  <div class="dnd-container"
    #dndContainer>
    <div data-type="Pipline"
      class="dnd-pipline card"
      (mousedown)="startDrag($event)">
      输送线
    </div>
    <div data-type="Site"
      class="dnd-rect card"
      (mousedown)="startDrag($event)">
      点位
    </div>
    <div data-type="Srm"
      class="dnd-srm card"
      (mousedown)="startDrag($event)">
      堆垛机
    </div>
    <div data-type="Rgv"
    class="dnd-rgv card"
    (mousedown)="startDrag($event)">
    RGV
  </div>

    <div data-type="MonitorBoard"
      class="dnd-pipline card"
      (mousedown)="startDrag($event)">
      监控板
    </div>
  </div>
</p-sidebar>